/**********************************************
 ****************** 全局样式 ******************
 **********************************************/
/* 弹出框属性 */
.ThinkBox-wrapper {
    position: absolute;
    width: auto;
}

.ThinkBox-wrapper table {
    width: auto;
}

.ThinkBox-wrapper.fixed {
    position: fixed;
}

.ThinkBox-modal-blackout {
    position: absolute;
    left: 0;
    top: 0;
}

/**********************************************
 **************** 默认皮肤样式 ****************
 **********************************************/

/* 默认模态窗口背景样式 */
.ThinkBox-modal-blackout.default {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.ThinkBox-default {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #BEBEBE;
}

/* 默认边框样式 */
.ThinkBox-default .box-top-left,
.ThinkBox-default .box-top-right,
.ThinkBox-default .box-bottom-right,
.ThinkBox-default .box-bottom-left {
    width: 6px;
    height: 6px;
}

.ThinkBox-default .box-top-left {
    border-top-left-radius: 6px;
    background: #F3F3F3;
}

.ThinkBox-default .box-top-right {
    border-top-right-radius: 6px;
    background: #F3F3F3;
}

.ThinkBox-default .box-top, .ThinkBox-default .box-bottom,
.ThinkBox-default .box-title-left, .ThinkBox-default .box-title-right,
.ThinkBox-default .box-tools-left, .ThinkBox-default .box-tools-right {
    background: #F3F3F3;
}

.ThinkBox-default .box-title-left, .ThinkBox-default .box-title-right {
    border-bottom: 1px solid #E5E5E5;
}

.ThinkBox-default .box-tools-left, .ThinkBox-default .box-tools-right {
    border-top: 1px solid #E5E5E5;
}

.ThinkBox-default .box-left, .ThinkBox-default .box-right {
    background: #fff;
}

.ThinkBox-default .box-bottom-right {
    border-bottom-right-radius: 6px;
    background: #F3F3F3;
}

.ThinkBox-default .box-bottom-left {
    border-bottom-left-radius: 6px;
    background: #F3F3F3;
}

.ThinkBox-default .box-top,
.ThinkBox-default .box-bottom {
    height: 6px;
    padding: 0;
}

.ThinkBox-default .box-left,
.ThinkBox-default .box-right {
    width: 0;
    padding: 0;
}

/* 默认标题栏样式 */
.ThinkBox-default .ThinkBox-title-inner {
    background-color: #F3F3F3;
    padding-left: 6px;
    text-align: left;
    line-height: 18px;
    height: 18px;
    padding-bottom: 6px;
    color: #ff0099;
    font-weight: bold;
    border-bottom: 1px solid #E5E5E5;
}

.ThinkBox-default .ThinkBox-title-inner.dragging {
    cursor: move;
}

.ThinkBox-default .ThinkBox-title-inner span {
    font-size: 14px;
    color: #4C4C4C;
    margin: 0;
    padding: 0;
}

/* 默工具栏样式 */
.ThinkBox-default .ThinkBox-tools .box-tools-left,
.ThinkBox-default .ThinkBox-tools .box-tools-right {
    width: 0;
}

.ThinkBox-default .ThinkBox-tools-inner {
    background-color: #F3F3F3;
    padding: 6px 6px 0;
    text-align: right;
    height: 30px;
    color: #ff0099;
    font-weight: bold;
    border-top: 1px solid #E5E5E5;
}

/* 默认内容区域样式 */
.ThinkBox-default .ThinkBox-inner {
    background-color: #FFF;
    padding: 0;
    vertical-align: top;
}

/* 默认关闭按钮样式 */
.ThinkBox-default .ThinkBox-close {
    height: 9px;
    width: 9px;
    background: url(../img/close.png) no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    line-height: 99px;
    overflow: hidden;
}

.ThinkBox-default .ThinkBox-close:hover {
    background-position: -21px 0;
}

/**********************************************
 ************** ThinkBox1皮肤样式 *************
 **********************************************/
.ThinkBox-ThinkBox1 .ThinkBox-inner {
    background: #fff;
}

.ThinkBox-ThinkBox1 .box-top-left, .ThinkBox-ThinkBox1 .box-top-right, .ThinkBox-ThinkBox1 .box-bottom-left, .ThinkBox-ThinkBox1 .box-bottom-right {
    width: 6px;
    height: 6px;
    overflow: hidden;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ThinkBox-ThinkBox1 .box-top, .ThinkBox-ThinkBox1 .box-bottom {
    height: 6px;
    overflow: hidden;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ThinkBox-ThinkBox1 .box-left, .ThinkBox-ThinkBox1 .box-right, .ThinkBox-ThinkBox1 .box-title-left, .ThinkBox-ThinkBox1 .box-title-right {
    width: 6px;
    overflow: hidden;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ThinkBox-ThinkBox1 .ThinkBox-close {
    display: inline-block;
    position: absolute;
    line-height: 9999px;
    overflow: hidden;
    top: 12px;
    right: 15px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(../img/close1.gif) no-repeat 0 0;
}

.ThinkBox-ThinkBox1 .ThinkBox-close:hover {
    background-position: 0 -20px;
}

.ThinkBox-ThinkBox1 .ThinkBox-title-inner {
    height: 30px;
    line-height: 30px;
    text-indent: 12px;
    font-size: 14px;
    font-weight: bold;
    background: #F2F2F2;
    border-bottom: 1px solid #CCCCCC;
}

/**********************************************
 *************** 无边框皮肤样式 ***************
 **********************************************/

/* 无边框皮肤边框样式 */
.ThinkBox-wrapper.bordernone .box-top-left,
.ThinkBox-wrapper.bordernone .box-top-right,
.ThinkBox-wrapper.bordernone .box-bottom-right,
.ThinkBox-wrapper.bordernone .box-bottom-left {
    width: 0;
    height: 0;
    padding: 0;
}

.ThinkBox-wrapper.bordernone .box-top,
.ThinkBox-wrapper.bordernone .box-bottom {
    height: 0;
    padding: 0
}

.ThinkBox-wrapper.bordernone .box-left,
.ThinkBox-wrapper.bordernone .box-right {
    width: 0;
    padding: 0
}

/**********************************************
 ************** ThinkBox ui 样式 **************
 **********************************************/
/* 提示框样式 */
.ThinkBox-tips {
    height: 62px;
    background-image: url(../img/tips-bg.gif);
    padding: 0 20px 0 70px;;
    background-repeat: no-repeat;
    line-height: 62px;
    font-size: 14px;
    font-weight: 700;
    width: auto;
    white-space: nowrap;
}

/* 弹出成功框样式 */
.ThinkBox-success {
    color: green;
}

/*加载中样式*/
.ThinkBox-load-loading {
    width: 280px;
    height: 80px;
    line-height: 9999px;
    overflow: hidden;
    background: url(../img/tips_loading.gif) no-repeat center center;
}

/* 弹出错误框样式 */
.ThinkBox-error {
    color: red;
    background-position: 0 -62px;
}

/* 弹出加载框样式 */
.ThinkBox-loading {
    color: black;
    background-image: url(../img/tips_loading.gif);
    background-position: 20px 15px;
}

/*确认提示信息*/
.ThinkBox-wrapper .confirm {
    width: auto !important;
    width: 180px;
    min-width: 180px;
    margin: 12px 6px;
    padding: 12px 0 0 40px;
    color: #333;
    line-height: 20px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
    background: url(../img/ico.png) no-repeat 0 -42px;
}

/*表情*/
.ThinkBox-face .face-group:after {
    display: block;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.ThinkBox-face .face-group {
    padding-top: 6px;
    border-bottom: 1px solid #ccc;
    zoom: 1;
    margin: 6px 6px;
}

.ThinkBox-face .face-group li {
    margin-left: 6px;
    margin-bottom: -1px;
    cursor: pointer;
    line-height: 24px;
    float: left;
    height: 24px;
    padding: 1px 12px;
    font-size: 14px;
}

.ThinkBox-face .face-group .ac {
    border: 1px solid #ccc;
    border-bottom-color: #fff;
    padding: 0 11px;
    font-weight: bold;
}

.ThinkBox-face table {
    margin: 6px;
}

.ThinkBox-face table td {
    padding: 2px;
}

/*视频*/
.plugin-video {
    padding: 6px 12px 12px;
    line-height: 20px;
}

.plugin-video .text {
    height: 16px;
    line-height: 16px;
    padding: 3px;
    width: 180px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.plugin-video .button {
    width: 48px;
    height: 24px;
    color: #fff;
    background: #51ABE5;
    border: 1px solid #549CD8;
    vertical-align: top;
    margin-left: 6px;
}

/*音乐*/
.plugin-music {
    padding: 6px 12px 12px;
    line-height: 20px;
}

.plugin-music .text {
    height: 16px;
    line-height: 16px;
    padding: 3px;
    width: 180px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.plugin-music .button {
    width: 48px;
    height: 24px;
    color: #fff;
    background: #51ABE5;
    border: 1px solid #549CD8;
    vertical-align: top;
    margin-left: 6px;
}

/*图片*/
.plugin-images {
    padding: 6px 12px 0;
    line-height: 20px;
}

/*默认弹出层工具条*/
.ThinkBox-default .ThinkBox-tools-inner .ok {
    cursor: pointer;
    width: 48px;
    height: 24px;
    border: 1px solid #3079ED;
    border-radius: 3px;
    background: #4889F2;
    color: #fff;
    margin-right: 6px;
}

.ThinkBox-default .ThinkBox-tools-inner .cancel, .ThinkBox-default .ThinkBox-tools-inner .no {
    cursor: pointer;
    width: 48px;
    height: 24px;
    border: 1px solid #C0C0C0;
    background: #DCDCDC;
    border-radius: 3px;
}

/*alert弹出框样式*/
.ThinkBox-default .alert {
    padding: 12px;
    line-height: 24px;
}

